<script>
export default {
  name: 'ToDo',
  data() {
    return {}
  },
  props: ['todo'],
  methods: {
    remove() {
      console.log("remove" + this.todo)
      this.$emit('del', this.todo)
    }
  }
}
</script>

<template>
  <div>
    <span>{{ todo }}</span>
    <button @click="remove">删除</button>
  </div>
</template>
